.carousel-page {
  .carousel-table {
    .ant-table {
      .ant-table-thead > tr > th {
        background: #fafafa;
        font-weight: 500;
      }

      .image-cell {
        .ant-image {
          border-radius: 4px;
          overflow: hidden;
          
          img {
            object-fit: cover;
            transition: all 0.3s;
          }

          .ant-image-mask {
            opacity: 0;
            transition: all 0.3s;
          }

          &:hover {
            img {
              transform: scale(1.05);
            }
            
            .ant-image-mask {
              opacity: 1;
            }
          }

          .customize-mask {
            font-size: 12px;
            color: #fff;
          }
        }
      }

      .status-switch {
        .ant-switch {
          min-width: 40px;
        }
      }

      .action-column {
        .ant-btn {
          padding: 4px 8px;
          
          &:not(:last-child) {
            margin-right: 8px;
          }

          .anticon {
            margin-right: 4px;
          }
        }
      }
    }
  }

  .carousel-modal {
    .ant-modal-body {
      padding: 24px;

      .ant-form-item-label {
        > label {
          height: 32px;
          
          .size-tip {
            font-size: 12px;
            color: #999;
            margin-left: 8px;
            font-weight: normal;
          }
        }
      }

      .upload-wrapper {
        .ant-upload.ant-upload-select-picture-card {
          width: 200px;
          height: 100px;
          margin: 0;

          .upload-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #666;

            .anticon {
              font-size: 20px;
              margin-bottom: 4px;
            }
          }
        }

        .ant-upload-list-picture-card-container {
          width: 200px;
          height: 100px;
        }

        .ant-upload-list-picture-card .ant-upload-list-item {
          padding: 0;
        }
      }

      .ant-input {
        &:hover, &:focus {
          border-color: #1890ff;
        }
      }
    }
  }
}
